<template>
  <a-row>
    <a-col  :span="dataTitleSpan===null||dataTitleSpan===undefined?6:dataTitleSpan">
      <p class="data-title">{{dataTitle}}</p>
    </a-col>
    <a-col :span="dataTextSpan===null||dataTextSpan===undefined?18:dataTextSpan">
      <span class="data-text">{{dataText}}</span>
    </a-col>
  </a-row>
</template>

<script>
export default {
  name: "formItem",
  props: ['dataTitleSpan','dataTextSpan','dataTitle','dataText'],
}
</script>

<style scoped>
.data-title{
  font-size: 15px;
  text-align: right;
}
.data-text{
  font-weight: bolder;
  text-align: left;
  font-size: 15px;
}
</style>